html{ width:100%;}
.h-title { padding: 0 0.2rem; height: 0.66rem; line-height: 0.66rem; font-size: 0.28rem; position: relative; color: #333333; background: #F5F5F5; border-bottom: 1px solid #E4E4E4; text-indent: 0.1rem; }
.h-title:after { content: ""; position: absolute; top: 50%; left: 0.2rem; width: 0.03rem; height: 0.3rem; margin-top: -0.15rem; background: #FD8302; }

/**首页**/
.top { padding: 0.1rem 0.2rem; font-size: 0.24rem; color: #666; }
.top .top-logo { width: 1.09rem; height: 0.47rem; }
.top div { padding-top: 0.05rem; }
.top div img { width: 0.3rem; height: 0.28rem; cursor: pointer; }
.top a { color: #666; }
.index { display: block; }
.index .slide { width: 100%; }
.index .slide img { width: 100%; height: auto; }
.index .gift { margin-top: 0.3rem; }
.index .search { width: 100%; height: 100%; position: relative; }
.index .search-input:focus { background: #fff;border:1px solid #FD8302; }
.index .search-input { margin: 0 0.2rem 0.3rem; width: 6rem; height: 0.66rem; line-height: 0.66rem; border-radius: 0.4rem; font-size: 0.24rem; text-indent: 0.2rem; background: #F2F2F2; }
.index .search-btn {     border: 0;;width: 0.88rem; border-radius: 0 0.4rem 0.4rem 0; line-height: 0.66rem; height: 0.66rem; position: absolute; top: 0; right: 0.2rem; background: #FD8302 url(../images/search.png) no-repeat center center; background-size: 0.34rem 0.35rem; }
.index .list li { padding: 0.2rem; border-bottom: 1px solid #EEEEEE; }
.index .list li img { float: left; margin-right: 0.2rem; width: 1.6rem; height: 1.6rem; }
.index .list li .list-text { float: left; }
.index .list li .list-text h2 { font-size: 0.3rem; color: #333333; margin: 0.15rem 0 0.05rem; }
.index .list li .list-text h2 i { display: inline-block; width: 0.26rem; height: 0.31rem; background-repeat: no-repeat; background-size: cover; vertical-align: middle; margin-left: 0.15rem; }
.index .list li .list-text h2.an i.i-an { background-image: url(../images/an.png); }
.index .list li .list-text h2.ios i.i-ios { background-image: url(../images/ios.png); }
.index .list li .list-text h2.iosyy i.i-iosyy { background-image: url(../images/iosyy.png); }
.index .list li .list-text .gift-name { color: #888888; font-size: 0.22rem; margin-bottom: 0.05rem; }
.index .list li .list-text .progress-wrap { color: #888888; font-size: 0.22rem; }
.index .list li .list-text .progress-box { display: inline-block; width: 1.60rem; height: 0.2rem; background: #F1F1F1; border-radius: 0.2rem; vertical-align: middle; position: relative; }
.index .list li .list-text .progress { position: absolute; top: 0; left: 0; width: 80%; height: 100%; border-radius: 0.2rem; background: #9FE218; }
.index .list li .list-text .progress-status { font-size: 0.26rem; margin-left: 0.1rem; }
.index .list li .gift-btn { float: right; width: 0.93rem; height: 0.5rem; line-height: 0.5rem; text-align: center; color: #fd8302; font-size: 0.26rem; border: 1px solid #FD8302; border-radius: 0.05rem; margin-top: 0.5rem;  }
.index .load { display: block; position: relative; background: #E0E0E0; height: 0.9rem; line-height: 0.9rem; text-align: center; font-size: 0.24rem; color: #555555; }
/**详情页**/

.detail .banner { display: block; width: 100%; height: auto; }
.detail .code-box { padding: 0.2rem 0; text-align: center; font-size: 0.26rem; }
.detail .code-box h2 { font-size: 0.26rem; color: #fd8302; font-weight: bold; margin-bottom: 0.05rem; }
.detail .code-box .code { display: inline-block; font-size: 0.24rem; color: #fd8302; padding: 0.1rem 0.4rem; border: 1px solid #fd8302; border-radius: 0.5rem; margin-bottom: 0.1rem; }
.detail .code-box .code.off{ border:1px solid #DEDEDE; background:#F2F2F2;color:#777777; font-size: 0.28rem;}
.detail .code-box .tip { font-size: 0.22rem; color: #888888; }
.detail .intr { padding: 0.2rem; }
.detail .intr .row { margin-bottom: 0.4rem; }
.detail .intr .row h4 { font-size: 0.2rem; color: #666666; }
.detail .intr .row p { font-size: 0.2rem; color: #999999; text-indent: 0.3em; }

/**** 登陆与注册 ****/
.mask{  position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5); z-index: 2}
.close{ position:absolute;top:0.2rem;right:0.2rem;width:0.31rem;height:0.31rem;background:url(../images/close.jpg) no-repeat 0 0 ;background-size:cover;  }
.login-reg-main { width:5.6rem;position:fixed;top:50%;left:50%; background:#fff; z-index: 1; margin-left: -2.8rem;margin-top: -2.8rem; padding:0 0.5rem 0.2rem; z-index: 3}
.login-reg-main .logo { width: 2rem; height: 0.75rem; margin: 0.44rem auto 0.3rem; background-image: url("../images/logo.png"); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: cover; -webkit-animation: fadeInUp 0.2s 0.4s ease-out both; animation: fadeInUp 0.2s 0.4s ease-out both; }
.login-reg-main .input-row div { height: 0.8rem; padding-left: 0.2rem; border: 1px solid #D4D3D3; border-radius: 0.1rem; margin-bottom: 0.2rem; }
.login-reg-main .input-row p.status { font-size: 0.16rem; color: #FA5802; padding-bottom: 0.2rem; display: none; }
.login-reg-main .input-row div span { width: 0.39rem; height: 0.35rem; margin-top: 0.22rem; margin-right: 0.2rem; display: inline-block; }
.login-reg-main .input-row div span.user-icon { background-image: url("../images/i-user.png"); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: cover; }
.login-reg-main .input-row div span.pw-icon { background-image: url("../images/i-pw.png"); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: cover; }
.login-reg-main .input-row div span.pw-r-icon { background-image: url("../images/i-r-pw.png"); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: cover; }
.login-reg-main .input-row div span.code-icon { background-image: url("../images/i-code.png"); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: cover; }
.login-reg-main .input-row div input { height: 0.78rem; line-height: 0.78rem; border: none; vertical-align: top; font-size: 0.28rem; border-left: 1px solid #D4D3D3; padding-left: 0.2rem; width: 3.6rem; }
.login-reg-main .input-row div p { width: 50%; vertical-align: middle; }
.login-reg-main .input-row div p img { margin-top: 0.2rem; width: 1.08rem; height: auto; }
.login-reg-main .input-row div .code input { width: 1.5rem; }
.login-reg-main form div:nth-child(1) { -webkit-animation: fadeInUp 0.2s 0.6s ease-out both; animation: fadeInUp 0.2s 0.6s ease-out both;overflow: hidden; }
.login-reg-main form div:nth-child(2) { -webkit-animation: fadeInUp 0.2s 0.8s ease-out both; animation: fadeInUp 0.2s 0.8s ease-out both; }
.login-reg-main form div:nth-child(3) { -webkit-animation: fadeInUp 0.2s 1s ease-out both; animation: fadeInUp 0.2s 1s ease-out both; }
.login-reg-main .btn { display: block; width: 100%; background: #FB5F00; heihgt: 0.77rem; line-height: 0.77rem; text-align: center; font-size: 0.32rem; color: #fff; letter-spacing: 1em; border-radius: 0.1rem; margin-top: 0.25rem; -webkit-animation: fadeInUp 0.2s 1.2s ease-out both; animation: fadeInUp 0.2s 1.2s ease-out both; }
.login-reg-main .reg-tip { margin-top: 0.22rem; font-size: 0.22rem; color: #a4a2a5; text-align: right; }
.login-reg-main .reg-tip a { color: #44a639; }
.login-reg-main .login-status { font-size: 0.2rem; color: #FA5802; padding: 0.2rem; }
.login-reg-main p.status {font-size: 0.2rem;color: #FA5802;padding: 0.2rem 0;}
